<!--<template>-->
<!--    <div id="main" style="width: 600px;height:400px;"></div>-->
<!--</template>-->

<!--<script>-->
<!--    export default {-->
<!--        name: "Echarts",-->
<!--        created() {-->
<!--            //根据token获取用户的信息-->
<!--            this.initmenu();-->
<!--            setTimeout( ()=>{ //延时加载echarts初始化函数-->
<!--                this.myEcharts()-->
<!--            },100)-->
<!--        },-->
<!--        methods(){-->
<!--            myEcharts()-->
<!--         {-->

<!--            // 基于准备好的dom，初始化echarts实例-->
<!--            var myChart = this.$echarts.init(document.getElementById('main'));-->

<!--            // 指定图表的配置项和数据-->
<!--            var option = {-->
<!--                title: {-->
<!--                    text: '某站点用户访问来源',-->
<!--                    subtext: '纯属虚构',-->
<!--                    left: 'center'-->
<!--                },-->
<!--                tooltip: {-->
<!--                    trigger: 'item'-->
<!--                },-->
<!--                legend: {-->
<!--                    orient: 'vertical',-->
<!--                    left: 'left',-->
<!--                },-->
<!--                series: [-->
<!--                    {-->
<!--                        name: '访问来源',-->
<!--                        type: 'pie',-->
<!--                        radius: '50%',-->
<!--                        data: [-->
<!--                            {value: 1048, name: '分店1'},-->
<!--                            {value: 735, name: '分店2'},-->
<!--                            {value: 580, name: '分店3'},-->
<!--                            {value: 484, name: '联盟广告'},-->
<!--                            {value: 300, name: '视频广告'}-->
<!--                        ],-->
<!--                        emphasis: {-->
<!--                            itemStyle: {-->
<!--                                shadowBlur: 10,-->
<!--                                shadowOffsetX: 0,-->
<!--                                shadowColor: 'rgba(0, 0, 0, 0.5)'-->
<!--                            }-->
<!--                        }-->
<!--                    }-->
<!--                ]-->
<!--            };-->

<!--            // 使用刚指定的配置项和数据显示图表。-->
<!--            myChart.setOption(option);-->
<!--        }}-->
<!--    }-->

<!--</script>-->

<!--<style scoped>-->

<!--</style>-->